<template>
  <view class="normal-login-container">
    <view style="margin: 8rpx 20rpx 8rpx 20rpx">
      <uni-forms ref="ruleForm" :model="ruleForm" labelWidth="auto">

        <!-- 处置结果-->
        <view class="item-wrap">
          <view class="lineBottom10">
            <uni-section title="处置结果" type="line"/>
          </view>

          <view>
            <uni-forms-item label="承销商:">
              <text>{{ ruleForm.underwriterName || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="初期残值(元):">
              <text>{{ ruleForm.initialResidualValue || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="成交价(元):">
              <text>{{ ruleForm.finalPrice || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="差额(元):">
              <text>{{ ruleForm.priceDifference || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="说明:">
              <text>{{ ruleForm.routineRemark || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="附件:">
              <image-common :disabled="true" v-model="ruleForm.routineAttachmentOss"/>
            </uni-forms-item>
          </view>
        </view>

        <!-- 合同信息-->
        <view class="item-wrap">
          <view class="lineBottom10">
            <uni-section title="合同信息" type="line"/>
          </view>

          <view>
            <uni-forms-item label="合同附件:">
              <image-common :disabled="true" v-model="ruleForm.contractOss"/>
            </uni-forms-item>

            <uni-forms-item label="说明:">
              <text>{{ ruleForm.contractRemark || '-' }}</text>
            </uni-forms-item>
          </view>
        </view>

        <!-- 处置付款信息-->
        <view class="item-wrap">
          <view class="lineBottom10">
            <uni-section title="处置付款信息" type="line"/>
          </view>

          <view>
            <uni-forms-item label="付款凭证:">
              <image-common :disabled="true" v-model="ruleForm.paymentVoucherOss"/>
            </uni-forms-item>

            <uni-forms-item label="说明:">
              <text>{{ ruleForm.paymentVoucherRemark || '-' }}</text>
            </uni-forms-item>
          </view>
        </view>

        <!-- 违约信息-->
        <view class="item-wrap">
          <view class="lineBottom10">
            <uni-section title="违约信息" type="line"/>
          </view>

          <view>
            <uni-forms-item label="是否有违约金:">
              <text>{{ ruleForm.isDefaultPenalty || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="违约金(元):" v-if="ruleForm.isDefaultPenalty === '有'">
              <text>{{ ruleForm.defaultPenalty || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="违约金付款方式:">
              <text>
                {{
                  ruleForm.paymentMethod === '0' ? '已付金额抵扣' : ruleForm.paymentMethod === '1' ? '单独支付' : -''
                }}
              </text>
            </uni-forms-item>

            <uni-forms-item label="说明:">
              <text>{{ ruleForm.defaultSpecification || '-' }}</text>
            </uni-forms-item>

            <uni-forms-item label="附件:">
              <image-common :disabled="true" v-model="ruleForm.defaultAttachment"/>
            </uni-forms-item>

            <uni-forms-item label="违约付款凭证:">
              <image-common :disabled="true" v-model="ruleForm.paymentVoucher"/>
            </uni-forms-item>
          </view>
        </view>

      </uni-forms>
    </view>


  </view>
</template>

<script>
export default {
  name: 'infoMessage',//处置结果  合同信息 处置付款信息  违约信息
  props: {
    value: {
      type: Object,
      default: {},
    }
  },
  computed: {
    ruleForm: {
      get() {
        let that = this
        const proxy = new Proxy(that.value, {
          get(target, key) {
            return Reflect.get(target, key)
          }
        })
        return proxy
      },
    },
    handleLabel() {
      return function (arr, type) {
        let name = ''
        arr.map((v) => {
          if (type == v.value) {
            name = v.label
          }
        })
        return name
      }
    },
  },
  data() {
    return {};
  },
  created() {
  },
  mounted() {
  },
  methods: {},
};
</script>

<style scoped lang=""></style>


